<template>
  <div>
    <movies
      v-for="(item, index) in comingSoon.slice(0, 7)"
      :key="index"
      :item="item"
    ></movies>
  </div>
</template>

<script>
import movies from "../../../components/movie.vue";
export default {
  data() {
    return {
      comingSoon: [],
    };
  },
  components: { movies },
  mounted() {
    this.$http("http://47.108.197.28:4000/api/movie/comingSoon").then((res) => {
      this.comingSoon = res.data.res;
      this.comingSoon.forEach((item) => {
        item.raiting = item.rating;
      });
    });
  },
};
</script>

<style>
</style>